<div class="span2" ms-if="!noCategory">
    <div class="search-options-picker">
        <div  class="search-nav-pills" ms-if="$breadcrumb.stateName != 'albums'">
            <p >{{navSearchList.ParentGrade.title}}</p>
            <ul class="nav nav-pills" id="">
                <li ms-repeat-c="navSearchList.ParentGrade.collections" ms-class-active="c.guid == returnCurrent(navSearchList.ParentGrade.name)">
                    <a ms-click="changeCategory($event,navSearchList.ParentGrade.name,c,this)" ms-attr-title="c.name " ms-attr-data-id="c.guid">{{ c.name }}</a>
                </li>
            </ul>
        </div>
         <div  class="search-nav-pills" ms-if="$breadcrumb.stateName != 'albums'">
            <p >{{navSearchList.ParentCategory.title}}</p>
            <ul class="nav nav-pills" id="">
                <li ms-repeat-c="navSearchList.ParentCategory.collections" ms-class-active="c.guid == returnCurrent(navSearchList.ParentCategory.name)">
                    <a ms-click="changeCategory($event,navSearchList.ParentCategory.name,c,this)" ms-attr-title="c.name " ms-attr-data-id="c.guid">{{ c.name }}</a>
                </li>
            </ul>
        </div>
        <div  class="search-nav-pills" ms-if="$breadcrumb.stateName == 'albums'">
            <!-- <p >{{navSearchList.AlbumLevel.title}}</p> -->
            <ul class="nav nav-pills" id="">
                <li ms-repeat-c="navSearchList.AlbumLevel.collections" ms-class-active="c.guid == returnCurrent(navSearchList.AlbumLevel.name)">
                    <a ms-click="changeCategory($event,navSearchList.AlbumLevel.name,c,this)" ms-attr-title="c.name " ms-attr-data-id="c.guid">{{ c.name }}</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div ms-class-span12="!noCategory">
    <div class="of-h po-r">
        <ul class="nav nav-tabs tabs" ms-if="!noCategory">
            <li ms-repeat="orders" ms-class-active="el==currentOrder">
                <a ms-click="changeOrders($event,el,this)" ms-attr-data-order="el.order">{{el.title}}</a>
            </li>
        </ul>
        <a ms-if="$breadcrumb.stateName == 'weikes'" class="btn weikelink" href="http://pt.ava.com.cn/weike/index.jsp" target="_blank">我要录微课</a>
        <div class="toggle-grid-btn-group list-grid-toggle-wraper" ms-if="params.method.type != 'albums'">
            <a ms-repeat="toggleBtns" class="ico" ms-class-on="el.style==currentStyle" ms-click-on="changeStyle(el)" ms-class="{{el.style}}">{{el.title}}</a>
        </div>
        <li ms-if="!collections.length">
            <div class="alert mt_10">{{$lang.noResult}}</div>
        </li>
        <div ms-visible="toggleStyle" class="videolist body single-line-videolist p-t5 ">
            <ul>
                <li ms-repeat-el="collections" class="">
                    <div class="video-photo" style="">
                        <a ms-attr-href="el.href" ms-attr-title="el.title">
                            <img ms-attr-src="$images.DefaultImg" ms-attr-title="el.title" ms-data-original2="$images.DefaultImg"
                             ms-data-original="$sitePath+el.coverUri" />
                            <div class="video-photo-inline-infos">
                                <div class="video-photo-inline-infos-bg"></div>
                                <div class="video-photo-inline-infos-content">
                                    <span class="viewCount" title="">
                                        {{ el.viewCount }}{{$lang.viewCount}}
                                    </span>
                                    <span class="periodTip pull-right" ms-if="el.periodTip">
                                        {{$lang.periodTip}}{{el.periodTip}}
                                    </span>
                                    <span class="videoCount" title="" ms-if="el.videoCount>=0"><span class="ico ico-grallery-ico"></span> {{$lang.videoCount}}{{el.videoCount}}
                                    </span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="video-infos">
                        <div class="title">
                            <a ms-attr-href="el.href" ms-attr-title="el.title||el.name">{{el.title||el.name}}</a>
                        </div>
                        <p class="others-info"  ms-if="$breadcrumb.stateName != 'albums'">
                            <span class="author">
                                {{$lang.speaker}}:
                                {{el.speaker||el.speakers}}
                            </span>
                        </p>
                    </div>
                </li>
                <li class="left_fix">&nbsp;</li>
                <li class="left_fix">&nbsp;</li>
                <li class="left_fix">&nbsp;</li>
            </ul>
        </div>
        <div ms-visible="!toggleStyle" class="videolist-table " ms-if="$breadcrumb.stateName != 'albums'">
            <ul>
                <li ms-repeat-el="collections">
                    <div class="video-photo-td">
                        <div class="video-photo">
                            <a ms-attr-href="el.href" ms-attr-title="">
                               <img ms-attr-src="$images.DefaultImg" ms-attr-title="el.title" ms-data-original2="$images.DefaultImg"
                             ms-data-original="$sitePath+el.coverUri" />
                                <div class="video-photo-inline-infos">
                                    <div class="video-photo-inline-infos-bg"></div>
                                    <div class="video-photo-inline-infos-content">
                                        <span class="viewCount" title="">
                                            {{ el.viewCount }}{{$lang.viewCount}}
                                        </span>
                
                                        <span class="periodTip pull-right" ms-if="el.periodTip">
                                            {{$lang.periodTip}}{{el.periodTip}}
                                        </span>
                                        <span class="videoCount" title="" ms-if="el.videoCount>=0"><span class="ico ico-grallery-ico"></span> {{$lang.videoCount}}{{el.videoCount}}
                                        </span>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="video-infos-td">
                        
                        <div class="video-infos">
                            <div class="title" style="font-weight:normal">
                                <a ms-attr-href="el.href" ms-attr-title="el.title" target="_blank">
                              {{el.title}}
                            </a>
                            </div>
                            <p class="others-info">
                                <span class="author" ms-if="$breadcrumb.stateName != 'albums'" >
                               {{el.author}}
                                {{$lang.speaker}}:
                               {{el.speaker||el.speakers}}
                            </span>
                                <span class="domain">
                               {{el.domain}}
                            </span>
                            </p>
                        </div>
                        <div class="video-info-more">
                            <ul class="videoTimeInfo">
                                <li class="left_fix" ms-repeat-c="el.listTimeInfo" ms-class-hidden="$index > 5">
                                    <a ms-attr-href="el.href+'/'+c.seconds">
                                        <i class="ico dot-blue-icon"></i> 
                                        <span class="time-point">{{c.secondsTip}}</span>
                                        <span class="time-point-info">{{c.title}}</span>
                                    </a>
                                </li>
                            </ul>
                            <div ms-if="length(el.listTimeInfo) > 5 " ms-attr-data-lang-show="$lang.showMore" ms-attr-data-lang-hidden="$lang.hideMore" ms-click="timeInfoIsShow(this)">{{$lang.showMore}}</div>
                            
                            <div ms-if="length(el.listTimeInfo)==0&&el.remark">{{$lang.remark}}{{el.remark}}</div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="" style="text-align: center;">
            <div ms-widget="pager, searchtablepager,pager" ms-if="pager.pageCount != 1"></div>
        </div>
    </div>
</div>
